import React, { useState, useEffect } from 'react'
import SystemSvg1 from '@assets/svg/systemSvg1.svg?react'
import SystemSvg2 from '@assets/svg/systemSvg2.svg?react'
import SystemSvg3 from '@assets/svg/systemSvg3.svg?react'
import SystemSvg4 from '@assets/svg/systemSvg4.svg?react'
import SystemSvg5 from '@assets/svg/systemSvg5.svg?react'
import SystemSvg6 from '@assets/svg/systemSvg6.svg?react'
import SystemSvg7 from '@assets/svg/systemSvg7.svg?react'
import SystemSvg8 from '@assets/svg/systemSvg8.svg?react'
import SystemSvg9 from '@assets/svg/systemSvg9.svg?react'
import SystemSvg10 from '@assets/svg/systemSvg10.svg?react'
import SystemSvg11 from '@assets/svg/systemSvg11.svg?react'
import SystemSvg12 from '@assets/svg/systemSvg12.svg?react'
import SystemSvg13 from '@assets/svg/systemSvg13.svg?react'
import SystemSvg14 from '@assets/svg/systemSvg14.svg?react'
import SystemSvg15 from '@assets/svg/systemSvg15.svg?react'
import SystemSvg16 from '@assets/svg/systemSvg16.svg?react'
import SystemSvg17 from '@assets/svg/systemSvg17.svg?react'
import SystemSvg18 from '@assets/svg/systemSvg18.svg?react'
import SystemSvg19 from '@assets/svg/systemSvg19.svg?react'
import SystemSvg20 from '@assets/svg/systemSvg20.svg?react'
import SystemSvg21 from '@assets/svg/systemSvg21.svg?react'
import SystemSvg22 from '@assets/svg/systemSvg22.svg?react'
import SystemSvg23 from '@assets/svg/systemSvg23.svg?react'
import SystemSvg24 from '@assets/svg/systemSvg24.svg?react'
import SystemSvg25 from '@assets/svg/systemSvg25.svg?react'
import SystemSvg26 from '@assets/svg/systemSvg26.svg?react'
import SystemSvg27 from '@assets/svg/systemSvg27.svg?react'
import SystemSvg28 from '@assets/svg/systemSvg28.svg?react'
import SystemSvg29 from '@assets/svg/systemSvg29.svg?react'
import SystemSvg30 from '@assets/svg/systemSvg30.svg?react'
import SystemSvg31 from '@assets/svg/systemSvg31.svg?react'
import SystemSvg32 from '@assets/svg/systemSvg32.svg?react'

export const icon1 = ({ width = 20, height = 20, fill = '#666' }) => {
  return <SystemSvg1 width={width} height={height} fill={fill} />
}
export const icon2 = ({ width = 20, height = 20, fill = '#666' }) => {
  return <SystemSvg2 width={width} height={height} fill={fill} />
}
export const icon3 = ({ width = 20, height = 20, fill = '#666' }) => {
  return <SystemSvg3 width={width} height={height} fill={fill} />
}
export const icon4 = ({ width = 20, height = 20, fill = '#666' }) => {
  return <SystemSvg4 width={width} height={height} fill={fill} />
}
export const icon5 = ({ width = 20, height = 20, fill = '#666' }) => {
  return <SystemSvg5 width={width} height={height} fill={fill} />
}
// 现金
export const icon6 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg6 width={width} height={height} fill={fill} />
}
// 银行账户
export const icon7 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg7 width={width} height={height} fill={fill} />
}
// 微信
export const icon8 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg8 width={width} height={height} fill={fill} />
}
// 支付宝
export const icon9 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg9 width={width} height={height} fill={fill} />
}
// 其他资金
export const icon10 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg10 width={width} height={height} fill={fill} />
}
// 信用卡
export const icon11 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg11 width={width} height={height} fill={fill} />
}
// 网贷
export const icon12 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg12 width={width} height={height} fill={fill} />
}
// 借款
export const icon13 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg13 width={width} height={height} fill={fill} />
}
// 其他信用
export const icon14 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg14 width={width} height={height} fill={fill} />
}
// 房产
export const icon15 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg15 width={width} height={height} fill={fill} />
}
// 汽车
export const icon16 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg16 width={width} height={height} fill={fill} />
}
// 设备
export const icon17 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg17 width={width} height={height} fill={fill} />
}
// 其他固定资产
export const icon18 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg18 width={width} height={height} fill={fill} />
}
// 银行理财
export const icon19 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg19 width={width} height={height} fill={fill} />
}
// 存款/存单
export const icon20 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg20 width={width} height={height} fill={fill} />
}
// 基金
export const icon21 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg21 width={width} height={height} fill={fill} />
}
// 股票
export const icon22 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg22 width={width} height={height} fill={fill} />
}
// 个人养老金
export const icon23 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg23 width={width} height={height} fill={fill} />
}
// 保险
export const icon24 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg24 width={width} height={height} fill={fill} />
}
// 其他理财
export const icon25 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg25 width={width} height={height} fill={fill} />
}
// 话费
export const icon26 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg26 width={width} height={height} fill={fill} />
}
// 公交卡
export const icon27 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg27 width={width} height={height} fill={fill} />
}
// 饭卡
export const icon28 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg28 width={width} height={height} fill={fill} />
}
// 会员卡
export const icon29 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg29 width={width} height={height} fill={fill} />
}
// 加油卡
export const icon30 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg30 width={width} height={height} fill={fill} />
}
// 押金
export const icon31 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg31 width={width} height={height} fill={fill} />
}
// 其他账户
export const icon32 = ({ width = 16, height = 16, fill = '#666' }) => {
  return <SystemSvg32 width={width} height={height} fill={fill} />
}